h2{
	color: #003580;
}
#p{
	color: #000033;
	font-size: 14px;
}
.span{
	color:#F00;
}
.span1{
	color:#1F87CC;
}
.span2{
	color:#FAA53B;
}
.span3{
	color:#0D7114;
}
.img1{
	width: 100px;
	height: 160px;
}
.img2{
	width: 200px;
	height: 130px;
}
p{
	font-size: 14px;
}
h2{
	font-size: 18px;
	line-height: 40px;
}
h2~h2{
	color: blue;
}
.p{
	color: red;
}
ul li{
	list-style-type: none;
	display: inline-block;
	padding: 10px 10px;
	margin-right: 5px;
	transition: all .3s;
}
ul li:hover{
	box-shadow: 0 5px 5px rgba(0, 188, 212, 0.17), 0 0 10px 0 rgba(0, 188, 212, 0.32);
	background-color:aliceblue;
}
img{
	border-radius: 10px;
}
li h3:nth-child(2){
	font-size: 16px;
	color: #4D4D4D;
}
li p:first-of-type{
	font-size: 14px;
	color: #640000;
}
li p:nth-of-type(2){
	font-size: 12px;
	color: blue;
}

*{
	margin: 0;
	padding: 0;
}
.box{
	width: 1000px;
	margin: 0 auto;
}
